<template>
    <div>
        <el-table
            :data="tableData"
            stripe
            border
            :header-cell-style="TABLE_HEADER_CELL_STYLE"
            v-loading = "isLoading">
            <el-table-column prop='title' label='编号'></el-table-column>
            <el-table-column prop='title' label='头像'></el-table-column>
            <el-table-column prop='title' label='姓名'></el-table-column>
            <el-table-column prop='title' label='手机号码'></el-table-column>
            <el-table-column prop='title' label='注册时间'></el-table-column>
            <el-table-column label='操作'>
                <template v-slot='scope'>
                    <el-button type='text' @click='toDetail(scope.row)'>详情</el-button>
                </template>
            </el-table-column>
        </el-table>
        <o-pagination :total='total' @current-change='currentChange'></o-pagination>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                tableData : [
                    {
                        id : 1
                    }
                ],
                total : 0,
            }
        },
        methods : {
            toDetail (row) {
                this.$router.push(`/users/detail/${row.id}`)
            },
            currentChange (page) {

            }
        }
    }
</script>

<style>

</style>